body {
    margin: 0px; padding: 0px; background: #f5f5f5; font-family: 'Segoe UI';}

ul.resp-tabs-list, p { margin: 0px; padding: 0px;}

.resp-tabs-list li { font-weight: 500; font-size: 18px; display: inline-block; padding: 13px 15px; margin: 0 4px 0 0; list-style: none; cursor: pointer; float: left;}

.resp-tabs-container { padding: 0px; background-color: #fff; clear: left;}

h2.resp-accordion { cursor: pointer; padding: 5px; display: none;}

.resp-tab-content { display: none; padding: 20px;}

.resp-tab-active {border: 1px solid #ea661b !important;	border-bottom: none; margin-bottom: -1px !important; padding: 12px 14px 14px 14px !important; border-top: 4px solid #ea661b !important;
	border-bottom: 0px #fff solid !important; background:#ea661b !important; color: #fff !important;}

.resp-tab-active { border-bottom: none; background-color: #fff;}

.resp-content-active, .resp-accordion-active { display: block;}

.resp-tab-content { border: 1px solid #ea661b !important; border-top-color: #ea661b; background:#f3f3f3; }

h2.resp-accordion { font-size: 18px; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px; font-weight:500; }

h2.resp-tab-active { border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important; font-size:18px; }

h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important; background: blue;}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {float: left; width: 30%;}

.resp-vtabs .resp-tabs-list li {display: block; padding: 15px 15px !important; margin: 0 0 4px; cursor: pointer; float: none;}

.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none;}

.resp-vtabs .resp-tab-content {border: none; word-wrap: break-word;}

.resp-vtabs li.resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; border-top: 1px solid; border: 1px solid #5AB1D0 !important;
border-left: 4px solid #5AB1D0 !important; margin-bottom: 4px !important; border-right: 1px #FFF solid !important; }

.resp-arrow {width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #ea661b; margin-top:8px;}

h2.resp-tab-active span.resp-arrow {border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #fff; margin-top:5px; }

/*-----------Accordion styles-----------*/
h2.resp-tab-active {background: #DBDBDB;/* !important;*/}

.resp-easy-accordion h2.resp-accordion {display: block;}

.resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;}

.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1;/* !important;*/}

.resp-jfit {width: 100%; margin: 0px;}

.resp-tab-content-active {display: block;}

h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1; /* !important;*/}

.topPatch{width:100%; height:50px; background: #92c601;}

.topPatch .topPatchInfo{max-width:1000px; min-width:320px; margin:0 auto; font-size:25px; line-height:50px; color:#000; font-weight:500; }

.headingCalc{width:100%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) inset; border-radius: 5px; margin-bottom: 10px; background:#fff; }
.headingCalc:last-child{margin-bottom:0px; }

.headingCalc .headingCalcArrowBG{float:left; width:7%; padding: 8px 0px; background:#707070; cursor: pointer; border-radius: 5px 0px 0px 5px;}
.headingCalc .headingCalcArrowBG i{color:#fff; margin-left:35%; font-size:25px; }


.headingCalc .headingCalcInfo{ font-size:16px; padding: 10px 15px; color:#000; cursor: pointer; display: inline-block;}
.headingCalc .headingCalcInfo:before{float:left; width:22px; height:22px; background:#fff; border-radius:100%; content: ""; margin-left: -25px; }

#logContainer {margin:auto; margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; overflow:hidden;
border:solid 3px #fff; background:#fff; box-shadow:inset 0px 0px 18px rgba(0, 0, 0, 0.4); border-radius:5px;}

.logInerContainer {display:block; margin:20px; font-size:16px; overflow:hidden;}

.logLabInpCont {float:left; margin-top:20px; width:100%; text-align:left;}
.logLabInpCont:first-child {margin-top:0px;}

.loginBtn {float:left; margin-top:20px; width:100%; background:#92c601; color: #fff; text-align:center; padding: 10px 0px; cursor:pointer; }

.FrgtPsswrd{float:left; margin-top:20px; width:100%; color: #92c601; text-align:right; cursor:pointer; text-decoration: underline; }

.SignUp{float:left; margin-top:20px; width:100%; color: #000; text-align:center; font-size:16px;}
.SignUp span{font-size:18px; color:#ed7d3e; font-weight:500; cursor: pointer; }

.logLabInpCont .logInp {float:left; width:100%;}
.logLabInpCont .logInp .log_input {float:left; width:90%; height:30px; padding:5px 5%; font-size:14px; border:none; box-shadow:inset 0px 2px 2px rgba(0, 0, 0, 0.3); background: #efefef;}

.logLabInpCont .logInp .log_input:focus {box-shadow:inset 0px 0px 6px #ea661b; outline: none;}

.common_tablePopUp {display:table; width:100%; height:100%; position:absolute; background:rgba(0, 0, 0, 0.7); z-index:1;}
.common_tableCellPopUp {display:table-cell; vertical-align:middle; text-align:center;}

.common_tableCellPopUp .content {display:inline-block; margin:10px; max-width:400px; background:#fff; overflow:hidden; border-radius: 10px;  box-shadow: 0px 0px 6px rgba(193, 68, 46, 1.5);}

.SignIn {padding:20px 10px 0px 20px; font-weight:bold; text-align:left; font-size:25px; color:#5b5b5b;}

#loginMainContainer {margin:auto; margin-top:10px; margin-right:36px; margin-bottom:10px; margin-left:10px;
    border:solid 4px #fff; background:#fff; box-shadow:inset 0px 0px 18px rgba(0, 0, 0, 0.4); border-radius:5px;}

#loginMainContainer .logLabInpCont {float:none; width:auto; padding:10px 20px; overflow:hidden;}




/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {ul.resp-tabs-list {display: none;}
    h2.resp-accordion {display: block;}
    .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;}
    .resp-vtabs .resp-tabs-container {border: none; float: none; width: 100%; min-height: 100px; clear: none;}
    .resp-accordion-closed {display: none !important;}
    .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
}


@media screen and (max-width:600px) {
   .headingCalcArrowBG{display: none;}
   .headingCalc .headingCalcInfo:before{display:none;}
   .headingCalc .headingCalcInfo{font-size:13px;}
   .topPatch .topPatchInfo{margin-left:17px; }

}